Hello and welcome to this lecture.
In this ledger.
We will be quitting our canvas for the bouncing Bob projet.
I have created a folder on my desktop called the bouncing ball which is this here you can name yours
whatever name you like inside the folder.
I have got three files have called the Index which contains the hastier mail for the project.
The javascript which is where I will write any javascript that will draw or hand perform animations
on the come.
And of course the CSF file which is used to create styling to comebacks.
So let's have a look at the index file this files here may be familiar to you.
Especially the content because I have copied them from our previous lectures where we did create in
our first combat's.
So let me right click on the index so you can see.
So this is the in this file which is the case CML for the project.
So all we've got is Doc type D language attribute in the head section of title.
The marikar set and the link.
This is a link to this here says that will be using for the project in the body tag.
This where we've created the canvas we've given the canvas and I have tribute of my comebacks and given
it a whiff of 650 and the height of 450.
So put the right attributes as well.
I also included a for back content.
I've indicated that with a comment that this is a fallback I want to work for but Pontins will do is
if a web browser that is orld and does not support cumbrous is used to view this page.
It will not show the canvas in place of that.
It will show discontent here that I have written hansis Core for back.
Content is good practice to always specify a fall back on it and before the close embody attack.
I have included the script tag and inside this group I've included is parsee which is a source because
is going to reference any javascript I write from this javascript file so this will be an external file
that will be reference use in this source attribute thus sit for this election.
So let's have a quick look at what the combusts looks like.
So if I double click on this you can see it.
So this is what the canvas looks like at the moment.
So the notice the background clock and this is done use in C Ss.
And notice how big canvas is centred.
I've done that using C says margin.
Just placea says so you can see.
So this is the seer says the background column.
Here is what.
This is where I have specified the background colour and given this exact same value here and then the
margin.
This is what I've done with a margin.
So the way the margin works is applied from the top the right the bottom and the left.
So what I'm saying is that from the top 1 the come bust to move down harder than 25 pixels from the
right.
I don't want to move from the bottom either wanted to move however from the left I want it to move from
left 295 pixels so you can play around with whatever values you like.
So this is a left it is moved all the way here.
So play around with the values for the margins.
If you don't like your scented composition it whatever way you like.
Just play around with the margin to get the options you want.
The Javascript at the moment is empty.
If I open that you see because I have not written any script yet.
This is where I will write any javascript I'll be using for the project.
Now that we've created the project in the next lecture we'll be looking at how we can access become
US using Java.
Script thank you so much for watching.
Bye for now.